<!-- @format -->
<script setup>
	import MyDialog from './components/MyDialog.vue'
</script>

<template>
	<!-- 2. 在使用组件的时候，把组件写成双标签，
          在双标签之间传入想展示的结构，从而替换掉占位的 slot 组件 
  -->

	<!-- 第一次使用：传入span标签结构 -->
	<MyDialog>
		<span>你确认要进行删除操作么?</span>
	</MyDialog>
	<!-- 第二次使用：传入h3标签结构 -->
	<MyDialog>
		<h3>你确认要退出本系统么?</h3>
	</MyDialog>
	<!-- 第三次使用：传入表单标签结构 -->
	<MyDialog>
		账号：<input type="text" /><br /><br />
		密码：<input type="password" /><br /><br />
	</MyDialog>
</template>

<style scoped></style>
